/***************
* Base States *
***************/
-
.background {
color: $fg_color;
background-color: $bg_color;
}
}
+
/*********************
* Spinner Animation *
*********************/
-
@keyframes spin {
to { -gtk-icon-transform: rotate(1turn); }
}
}
}
+
/****************
* Text Entries *
****************/
-
entry {
min-height: 32px;
border: 1px solid;
/***********
* Buttons *
***********/
-
// stuff for .needs-attention
$_dot_color: if($variant=='light', $selected_bg_color,
lighten($selected_bg_color,15%));
}
}
+
/*********
* Links *
*********/
-
*:link {
color: $link_color;
&:visited {
> label { text-decoration-line: underline; }
}
+
/*****************
* GtkSpinButton *
*****************/
-
spinbutton {
&:not(.vertical) {
// in this horizontal configuration, the whole spinbutton
}
}
+
/**************
* ComboBoxes *
**************/
.linked.vertical > combobox:last-child > button.combo { @extend %linked_vertical:last-child; }
.linked.vertical > combobox:only-child > button.combo { @extend %linked_vertical:only-child; }
+
/************
* Toolbars *
************/
}
}
+
/***************
* Header bars *
***************/
-
%titlebar,
headerbar {
padding: 0 6px;
@extend %titlebar;
}
+
/************
* Pathbars *
************/
-
.path-bar button {
&:only-child {
padding-left: 12px;
& label:only-child { padding-right: 0; padding-left: 0; }
}
+
/**************
* Tree Views *
**************/
/*************
* Notebooks *
*************/
-
notebook {
> header {
border-color: $borders_color;
/**************
* Scrollbars *
**************/
-
scrollbar {
@at-root * {
-GtkRange-slider-width: 13;
}
}
+
/**********
* Switch *
**********/
-
switch {
font-weight: bold;
font-size: smaller;
}
}
+
/*************************
* Check and Radio items *
*************************/
-
// draw regular check and radio items using our PNG assets
// all assets are rendered from assets.svg. never add pngs directly
/************
* GtkScale *
************/
-
%scale_trough {
border: 1px solid $borders_color;
border-radius: 3px;
/*****************
* Progress bars *
*****************/
-
progressbar {
// sizing
&.horizontal {
}
}
+
/*************
* Level Bar *
*************/
-
levelbar {
box-shadow: _widget_edge(); // needs to be set here to avoid clipping
block {
}
}
+
/****************
* Print dialog *
*****************/
-
printdialog {
paper {
color: $fg_color;
}
}
+
/**********
* Frames *
**********/
min-height: 1px;
}
+
/*********
* Lists *
*********/
-
list {
color: $text_color;
background-color: $base_color;
/*********************
* App Notifications *
*********************/
-
.app-notification,
.app-notification.frame {
@extend %osd;
border { border: none; }
}
+
/*************
* Expanders *
*************/
-
expander {
arrow {
min-width: 16px;
}
}
+
/************
* Calendar *
***********/
}
}
+
/***********
* Dialogs *
***********/
-
messagedialog { // Message Dialog styling
.titlebar {
min-height: 20px;
}
}
+
/***********
* Sidebar *
***********/
-
.sidebar {
border: none;
background-color: mix($bg_color, $base_color, 50%);
}
}
+
/****************
* File chooser *
****************/
-
$_placesidebar_icons_opacity: 0.7;
placessidebar {
row.activatable:hover { background-color: transparent; }
}
+
/*********
* Paned *
*********/
-
paned {
> separator {
min-width: 1px;
& label:selected:hover {background-color: darken($selected_bg_color, 10%); }
}
+
/************
* Tooltips *
************/
-
tooltip {
&.background {
// background-color needs to be set this way otherwise it gets drawn twice
}
}
+
/*****************
* Color Chooser *
*****************/
-
colorswatch {
// This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one
// is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is
/********
* Misc *
********/
-
//content view (grid/list)
.content-view {
background-color: darken($bg_color,7%);
}
}
+
/**********************
* Window Decorations *
*********************/
-
decoration {
border-radius: 7px 7px 0 0;
// lamefun trick to get rounded borders regardless of CSD use
font: Monospace;
}
+
/**********************
* Touch Copy & Paste *
*********************/
-
//touch selection handlebars for the Popover.osd above
cursor-handle {
background-color: transparent;